page {
  background-color: #f2f2f2;
  background-image: -webkit-linear-gradient(top, #ededed 5%, hsla(0, 0%, 100%, 0) 30%);
  background-repeat: no-repeat;
}

.logobox {
  background-image: -webkit-linear-gradient(top, #ededed, #efefef);
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9;
}

.agent {
  display: flex;
  align-items: center;
  gap: 20rpx;
}

.logobox .logo {
  height: 80rpx;
  /*left: 30rpx;*/
  /*position: absolute;*/
  text-align: left;
  /*top: 0;*/
  /*width: 200rpx;*/
}

.logobox .logo image {
  border-radius: 12rpx;
  display: inline-block;
  height: 80rpx;
  width: 160rpx;
}

.logobox .text {
  display: inline-block;
  font-size: 30rpx;
  font-weight: 700;
}

.logobox .jt {
  font-size: 28rpx;
  font-weight: 400;
  height: 28rpx;
  line-height: 28rpx;
  margin-left: 8rpx;
  transition: -webkit-transform 0.3s;
  width: 28rpx;
}

.logobox .agented .jt {
  transform: rotate(180deg);
}


.topbar2 {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  height: 100rpx;
  padding: 15rpx 0 30rpx 30rpx;
  position: relative;
  width: 100%;
  z-index: 8;
}

.topbar2 .item {
  display: inline-block;
  font-size: 32rpx;
  height: 50rpx;
  line-height: 50rpx;
  margin-right: 40rpx;
  position: relative;
  text-align: center;
  transition: all 0.1s;
}

.topbar2 .item.active {
  font-size: 48rpx;
  font-weight: 700;
}

.topbar2 .item.active:after {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 1) 0, rgba(var(--rgbcolor), 0.5) 100%);
  background-color: #ff0000;
  border-radius: 40rpx;
  content: '';
  display: block;
  height: 14rpx;
  margin: 10rpx 0 0 -webkit-calc(50% - 14rpx);
  width: 28rpx;
}

.topbar .more {
  bottom: 6rpx;
  font-size: 44rpx;
  height: 80rpx;
  line-height: 80rpx;
  position: absolute;
  right: 0;
  width: 100rpx;
}

.TRnav {
  background-color: #fff;
  box-sizing: border-box;
  clear: both;
  overflow: auto;
  padding: 100rpx 20rpx 80rpx;
  position: relative;
  width: 100%;
}

.TRnav .h4 {
  font-size: 36rpx;
  font-weight: 700;
  left: 0;
  position: absolute;
  text-align: center;
  top: 104rpx;
  width: 100%;
}

.TRnav .trline {
  background-color: #f6f6f6;
  height: 1rpx;
  margin-bottom: 20rpx;
  margin-top: 82rpx;
  width: 100%;
}

.TRnav .tabbar {
  background-color: #dedede;
  border-radius: 20rpx;
  bottom: 30rpx;
  height: 16rpx;
  left: -webkit-calc(50% - 40rpx);
  position: absolute;
  width: 80rpx;
}


.TRnav .a {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  padding: 24rpx 0;
  text-align: center;
  width: 25%;
}

.TRnav .a .i {
  border-radius: 40rpx;
  color: #fff;
  display: block;
  font-size: 36rpx;
  height: 80rpx;
  line-height: 80rpx;
  margin: 0 auto;
  position: relative;
  width: 80rpx;
}

.TRnav .a .i .b {
  background: rgba(251, 92, 92, 0.8);
  border-radius: 1.2em;
  color: #fff !important;
  font-size: 22rpx;
  font-style: normal;
  height: 0.8em;
  line-height: 0.8em;
  min-width: 16rpx;
  padding: 6rpx;
  position: absolute;
  right: -10rpx;
  text-align: center;
  top: -10rpx;
}

.TRnav .a .i image {
  display: block;
  height: 74rpx;
  object-fit: cover;
  width: 74rpx;
}

.TRnav .a ._my image {
  border-radius: 40rpx;
}

.TRnav .a .span {
  display: block;
  height: 32rpx;
  margin: 6rpx auto 0;
  width: 120rpx;
}

.agentbox {
  clear: both;
  overflow: auto;
  padding-top: 100rpx;
}

.agentbox .trline {
  background-color: #fff;
}

.agentC2 .li {
  border: 2rpx solid #f2f2f2;
  border-radius: 20rpx;
  box-shadow: 0 4rpx 20rpx rgb(0 0 0/5%);
  box-sizing: border-box;
  float: left;
  margin: 0 3% 40rpx;
  position: relative;
  text-align: center;
  width: 44%;
}

.agentC2 .lied {
  border-color: var(--color);
  box-shadow: 0 0 16rpx rgba(var(--rgbcolor), 0.4);
}

.agentC2 .lied .edico {
  color: var(--color);
  font-size: 40rpx;
  position: absolute;
  right: 15rpx;
  top: 15rpx;
}

.agentC2 .li .em {
  border-radius: 50%;
  height: 26vw;
  margin: 20rpx auto 10rpx;
  max-height: 330rpx;
  max-width: 330rpx;
  overflow: hidden;
  position: relative;
  width: 26vw;
}

.agentC2 .li .em image {
  border-radius: 50%;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.agentC2 .li .em .detail {
  background-color: rgba(0, 0, 0, 0.4);
  background: -webkit-linear-gradient(270deg, rgba(var(--rgbcolor), 0.1) 0, rgba(var(--rgbcolor), 0.9) 100%);
  border-radius: 20rpx;
  bottom: 0;
  color: #fff;
  font-size: 24rpx;
  height: 50rpx;
  left: 10%;
  line-height: 44rpx;
  position: absolute;
  width: 80%;
}

.agentC2 .li .h2 {
  font-size: 32rpx;
  margin: 20rpx auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agentC2 .add {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 0.4) 0, rgba(var(--rgbcolor), 0.8) 100%);
  color: #fff;
  display: block;
  font-size: 26rpx;
  height: 60rpx;
  line-height: 60rpx;
  margin: 0 auto 30rpx;
  position: relative;
  width: 180rpx;
}

.agentC2 .add,
.agentC2 .more {
  border-radius: 44rpx;
  text-align: center;
}

.agentC2 .more {
  background-color: #f9f9f9;
  border: 2rpx solid #eee;
  clear: both;
  font-size: 32rpx;
  height: 84rpx;
  line-height: 84rpx;
  margin: 0 auto 1rpx;
  padding: 0;
  width: 40%;
}

.banner {
  border-radius: 32rpx;
  margin: 30rpx auto 0;
  overflow: hidden;
  transform: translateY(0);
  width: 94%;
  background: transparent !important;
}

.banner image {
  border-radius: 40rpx;
  display: block;
  max-height: 44vh;
  width: 100%;
}

.wx-swiper-dots.wx-swiper-dots-horizontal {
  margin-bottom: 10rpx;
  text-align: center;
  width: 92%;
}

.wx-swiper-dot {
  height: 12rpx !important;
  width: 12rpx !important;
}

.wx-swiper-dot-active {
  border-radius: 10rpx !important;
  height: 12rpx !important;
  width: 28rpx !important;
}

.inav {
  clear: both;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 30rpx auto 0;
  overflow: auto;
  width: 94%;
}

.inav,
.inav navigator {
  box-sizing: border-box;
  position: relative;
}

.inav navigator {
  display: inline-block;
  text-align: center;
  width: 20%;
}

.inav navigator image {
  display: inline-block;
  height: 80rpx;
  width: 80rpx;
}

.inav navigator text {
  color: #000;
  display: block;
  font-size: 26rpx;
  margin: 4rpx auto 30rpx;
}

.iztbox {
  margin: 0 auto 20rpx;
  width: 94%;
}

.iztbox .ul {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  height: 440rpx;
  overflow-x: scroll;
  padding-right: 20rpx;
}

.iztbox .ul::-webkit-scrollbar {
  background-color: initial;
  display: none;
}

.iztbox navigator {
  border-radius: 24rpx;
  display: block;
  height: 355rpx;
  margin-right: 2%;
  margin-top: 80rpx;
  position: relative;
  width: 260rpx;
}

.iztbox navigator:nth-child(1) {
  background-image: -webkit-linear-gradient(top, #f596c4, #ffb6c6);
}

.iztbox navigator:nth-child(2) {
  background-image: -webkit-linear-gradient(top, #b6dbff, #b9b7e5);
}

.iztbox navigator:nth-child(3) {
  background-image: -webkit-linear-gradient(top, #ff7b95, #ffb596);
}

.iztbox navigator .em {
  background-color: #fff;
  border-radius: 24rpx;
  box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.2);
  height: 180rpx;
  left: 40rpx;
  position: absolute;
  top: -60rpx;
  width: 180rpx;
}

.iztbox navigator .em .bg {
  border-radius: 20rpx;
  height: 84%;
  margin: 8%;
  width: 84%;
}

.iztbox navigator:nth-child(1) .em .bg {
  background-color: #ffdeee;
}

.iztbox navigator:nth-child(2) .em .bg {
  background-color: #dfeaff;
}

.iztbox navigator:nth-child(3) .em .bg {
  background-color: #ffcac3;
}

.iztbox navigator .em image {
  bottom: 10rpx;
  height: 160rpx;
  left: 10rpx;
  object-fit: cover;
  position: absolute;
  width: 160rpx;
}

.iztbox navigator .em .j {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 0.5) 0, rgba(var(--rgbcolor), 0.8) 100%);
  background-color: #fff;
  border-radius: 24rpx 0 16rpx 0;
  color: #fff;
  font-size: 24rpx;
  height: 36rpx;
  left: 0;
  line-height: 36rpx;
  position: absolute;
  top: 0;
  width: 64rpx;
}

.iztbox navigator .em .j .span {
  display: inline-block;
  transform: scale(0.9);
}

.iztbox navigator .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  display: -webkit-box;
  font-size: 28rpx;
  line-height: 130%;
  margin: 152rpx auto 36rpx;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  width: 92%;
}

.iztbox navigator .ulist {
  margin: 0 auto;
  width: 90%;
}

.iztbox navigator .ulist image {
  border: 1rpx solid #fff;
  border-radius: 40rpx;
  box-sizing: border-box;
  float: left;
  height: 60rpx;
  margin-left: -35rpx;
  object-fit: cover;
  width: 60rpx;
}

.iztbox navigator .ulist image:first-child {
  margin-left: 10rpx;
}

.iztbox navigator .detail {
  display: none;
}

.box {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  border-radius: 32rpx;
  margin: 20rpx auto;
  padding: 30rpx 0 0;
  text-align: left;
  width: 100%;
}

.margintop20 {
  margin-top: 20rpx;
}

.margintop40 {
  margin-top: 40rpx;
}

.marginbottom40 {
  margin-bottom: 40rpx;
}

.i_box {
  height: 80rpx;
  width: 100%;
}

.i_box .a {
  display: inline-block;
  font-size: 32rpx;
  margin-left: 30rpx;
}

.i_box .ed {
  display: inline-block;
  font-size: 36rpx;
  font-weight: 700;
  position: relative;
}

.i_box .ed:after {
  bottom: -18rpx;
  content: '';
  display: block;
  height: 14rpx;
  left: -webkit-calc(50% - 20rpx);
  width: 40rpx;
}

.i_box .ed .span,
.i_box .ed:after {
  border-radius: 40rpx;
  position: absolute;
}

.i_box .ed .span {
  background-color: #f5f5f5;
  color: #7e7e73;
  display: inline-block;
  font-size: 24rpx;
  font-weight: 400;
  left: 160rpx;
  line-height: 48rpx;
  text-align: center;
  top: 4rpx;
  width: 132rpx;
}

.i_box .loading_ico {
  display: inline-block;
  height: 30rpx;
  margin: 0 5rpx 0 0;
  width: 30rpx;
}

.i_box .ed text {
  vertical-align: middle;
}

.i_box .h5 {
  color: #999;
  float: right;
  margin-right: 30rpx;
  margin-top: 2rpx;
}

.i_box .h5 .span {
  vertical-align: middle;
}

.i_box .h5 .applytop {
  background-color: #fff;
  border-radius: 28rpx;
  color: #fff;
  display: inline-block;
  font-size: 24rpx;
  line-height: 48rpx;
  padding: 0 10rpx 0 18rpx;
}

.i_box .h5 .applytop .ico {
  margin-left: -4rpx;
  transform: scale(0.8);
}

.hdnav .ul a.ed:after {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 1) 0, rgba(var(--rgbcolor), 0.5) 100%);
  background-color: #ededed;
}

.zhiding .a .em .nik .nc {
  background-color: rgba(var(--rgbcolor), 0.5);
}

.fixnav2 .hdnav .ul .ed:after,
.i_box .ed:after {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 1) 0, rgba(var(--rgbcolor), 0.01) 100%);
  background-color: #fff;
}

.fixnav2 .hdnav .ul .ed:after {
  margin-left: -webkit-calc(50% - 20rpx);
}

.backtop .a,
.btmKefuBtn,
.btmKefuBtn .ico {
  color: var(--color);
}

.hnlist .add,
.i_box .h5 .applytop,
.iarticle .kind .ed {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 0.4) 0, rgba(var(--rgbcolor), 0.8) 100%);
}

.ZEAI_list navigator .uinfo .data .span .b {
  background-color: rgba(var(--rgbcolor), 0.1);
  color: var(--color);
}

.zhiding {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 96%;
}

.zhiding navigator {
  background-color: #fff;
  border-radius: 20rpx;
  box-shadow: 0 4rpx 20rpx rgb(0 0 0/4%);
  box-sizing: border-box;
  display: block;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 16rpx;
  padding-bottom: 30rpx;
  position: relative;
  text-align: center;
  width: 31%;
}

.zhiding navigator image.m {
  border-radius: 120rpx;
  display: block;
  height: 180rpx;
  margin: 24rpx auto 20rpx;
  object-fit: cover;
  width: 180rpx;
}

.zhiding navigator .zl {
  font-size: 30rpx;
  width: 100%;
}

.zhiding navigator .zl image {
  vertical-align: middle;
}

.zhiding navigator .zl .font {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 90%;
}

.zhiding navigator .zl .span {
  color: #999;
  display: block;
  font-size: 24rpx;
  margin-top: 10rpx;
}

.zhiding .more {
  background-color: #fff;
  background-image: -webkit-linear-gradient(bottom, #fff, #f2f2f2);
  border-radius: 0 0 32rpx 32rpx;
  color: #999;
  display: block;
  font-size: 32rpx;
  height: 50rpx;
  margin: 30rpx auto;
  padding-bottom: 25rpx;
  text-align: center;
  width: 100%;
}

.list1 {
  left: 2%;
  margin-top: 20rpx;
  position: relative;
  width: 96%;
}

.list1 .a {
  float: left;
  padding: 0;
  width: 50%;
}

.list1 .a,
.list1 .a .em {
  display: block;
  position: relative;
}

.list1 .a .em {
  background-color: #fff;
  border-radius: 10rpx 10rpx 0 0;
  box-sizing: border-box;
  margin: 0 auto;
  width: 94%;
}

.list1 .a .em image.m {
  border-radius: 10rpx 10rpx 0 0;
  display: block;
  object-fit: cover;
  width: 100%;
}

.list1 .a .em .nik {
  bottom: 0;
  color: #fff;
  font-size: 30rpx;
  height: 100rpx;
  left: 0;
  line-height: 120rpx;
  position: absolute;
  text-align: center;
  width: 100%;
}

.list1 .a .em .nik .span {
  display: inline-block;
  vertical-align: middle;
}

.list1 .a .em .nik image {
  margin-left: 6rpx;
  vertical-align: middle;
}

.list1 .a .em .nik .span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 82%;
}

.list1 .a .em .vipj {
  display: block;
  position: absolute;
  right: 14rpx;
  top: 14rpx;
  width: 100rpx;
}

.list1 .a .uinfo {
  background-color: #fff;
  border-radius: 0 0 10rpx 10rpx;
  border-top: 0;
  box-sizing: border-box;
  margin: 0 auto 25rpx;
  padding-bottom: 1rpx;
  text-align: left;
  width: 94%;
}

.list1 .a .uinfo .data {
  font-size: 27rpx;
  line-height: 40rpx;
  margin: 0 auto 16rpx;
  padding: 20rpx 0 0;
  text-align: center;
}

.list1 .a .uinfo .data .span .font,
.list1 .a .uinfo .data .span image {
  display: inline-block;
  vertical-align: middle;
}

.list1 .a .uinfo .data .span {
  display: block;
  width: 100%;
}

.list1 .a .uinfo .data .span .b {
  background-color: rgba(var(--rgbcolor), 0.1);
  border-radius: 6rpx;
  box-sizing: border-box;
  color: var(--color);
  display: inline-block;
  font-size: 24rpx;
  font-weight: 400;
  height: 44rpx;
  line-height: 44rpx;
  margin-right: 20rpx;
  margin-top: 12rpx;
  max-width: 50%;
  overflow: hidden;
  padding: 0 10rpx;
}

.list1 .a .uinfo .data .span .b:last-child {
  margin-right: 0;
}

.list1 .a .uinfo .data .ico {
  color: #49bef5;
  display: inline-block;
  margin-right: 4rpx;
}

.list1 .a .payrz {
  border-radius: 6rpx;
  line-height: 28rpx;
  position: absolute;
  right: 24rpx;
  top: 0;
  width: 30rpx;
}

.list1 .a .payrz .i {
  border-radius: 6rpx;
  display: block;
  margin: 10rpx 0;
  padding: 1rpx;
}

.list1 .a .rzj {
  display: block;
  height: 100rpx;
  left: 2%;
  position: absolute;
  top: -4rpx;
  width: 108rpx;
}

.list2 {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 20rpx;
}

.list2 .a {
  background-color: #fff;
  border-radius: 10rpx;
  box-shadow: 0 5rpx 12rpx rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  margin: 20rpx auto 10rpx;
  padding: 20rpx 0;
  position: relative;
  width: 92%;
}

.list2 .a .rzj {
  display: block;
  height: 92.6rpx;
  left: -6rpx;
  position: absolute;
  top: -6rpx;
  width: 100rpx;
}

.list2 .a .rz_store {
  display: block;
  height: 120rpx;
  position: absolute;
  right: 20rpx;
  top: 220rpx;
  width: 120rpx;
}

.list2 .a .dt {
  float: left;
  margin-left: 20rpx;
  position: relative;
  width: 240rpx;
}

.list2 .a .dt image.m {
  border-radius: 20rpx;
  display: block;
  height: 240rpx;
  object-fit: cover;
  width: 240rpx;
}

.list2 .a .dt .vipj {
  bottom: 10rpx;
  display: block;
  height: 34rpx;
  position: absolute;
  right: 10rpx;
  width: 100rpx;
}

.list2 .a .dd {
  float: right;
  text-align: left;
  width: -webkit-calc(100% - 280rpx);
}

.list2 .a .dd .b {
  color: #fff;
  font-size: 24rpx;
  font-weight: 400;
  margin: 0 10rpx;
}

.list2 .a .dd .h4 {
  color: #000;
  display: block;
  font-size: 32rpx;
  margin-bottom: 6rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list2 .a .dd .h4 image {
  vertical-align: middle;
}

.list2 .a .dd .h4 .span {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.list2 .a .dd .h5,
.list2 .a .dd .h6,
.list2 .a .em .div {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 26rpx;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list2 .a .dd .h6 {
  color: #666;
  width: 90%;
}

.list2 .a .dd .h5 {
  margin-top: 20rpx;
  padding-right: 20rpx;
}

.list2 .a .dd .h5 .li {
  border: 1px solid #fff;
  border-radius: 6rpx;
  display: inline-block;
  font-size: 26rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin: 10rpx 10rpx 4rpx 0;
  padding: 0 10rpx;
}

.list2 .a .dd .pathlist {
  margin-top: 14rpx;
}

.list2 .a .dd .pathlist image {
  border-radius: 8rpx;
  height: 80rpx;
  margin-right: 10rpx;
  object-fit: cover;
  width: 80rpx;
}

.list2 .a .dd .pathlist image.blur {
  border: 1rpx solid #ccc;
  filter: blur(6rpx);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.list2 .a .gps {
  color: var(--color);
  position: absolute;
  right: 22rpx;
  top: 24rpx;
}

.list2 .a .em {
  box-sizing: border-box;
  color: #999;
  float: left;
  margin-top: 20rpx;
  padding: 0 20rpx;
  text-align: left;
  width: 100%;
}

.list2 .a .em .div {
  border-radius: 8rpx;
  line-height: 150%;
}

.list2 .a .zoyq {
  box-sizing: border-box;
  color: #666;
  float: left;
  font-size: 26rpx;
  overflow: hidden;
  padding: 20rpx 20rpx 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.list2 .a .zoyq .li {
  border-radius: 6rpx;
  box-sizing: border-box;
  display: inline-block;
  line-height: 40rpx;
  margin: 0 10rpx 0 0;
}

.list2 .a .topuico,
.list2 .a .zoyq .li {
  color: #fff;
  font-size: 24rpx;
  padding: 0 10rpx;
}

.list2 .a .topuico {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(right, #cdcdcd, #ddd);
  border-radius: 0 10rpx 0 10rpx;
  height: 36rpx;
  line-height: 36rpx;
  position: absolute;
  right: 0;
  top: 0;
}

.list3 {
  margin: 40rpx auto 0;
  width: 92%;
}

.list3 .a {
  background-color: #fff;
  border-radius: 32rpx;
  box-shadow: 0 0 48rpx rgba(0, 0, 0, 0.08);
  display: block;
  margin-bottom: 40rpx;
  min-height: 200rpx;
  padding-bottom: 40rpx;
}

.list3 .a,
.list3 .a .em {
  position: relative;
  width: 100%;
}

.list3 .a .em image.m {
  border-radius: 32rpx 32rpx 0 0;
  display: block;
  width: 100%;
}

.list3 .a .em image.vipj {
  bottom: 14rpx;
  display: block;
  position: absolute;
  right: 14rpx;
  width: 110rpx;
}

.list3 .a .uinfo {
  box-sizing: border-box;
  color: #666;
  margin: 30rpx auto 0;
  text-align: left;
  width: 92%;
}

.list3 .a .uinfo .nik {
  height: 40rpx;
  line-height: 40rpx;
  padding: 0 0 20rpx;
}

.list3 .a .uinfo .nik .span {
  display: inline-block;
  font-size: 32rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 60%;
}

.list3 .a .uinfo .nik .span image {
  margin-left: 5rpx;
  vertical-align: middle;
}

.list3 .a .uinfo .nik .span .h4 {
  display: inline-block;
  font-size: 36rpx;
  vertical-align: middle;
}

.list3 .a .uinfo .nik .font {
  color: #999;
  float: right;
  font-size: 28rpx;
  margin-top: 13rpx;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 40%;
}

.list3 .a .uinfo .data {
  font-size: 28rpx;
  height: 48rpx;
  line-height: 48rpx;
  margin: 20rpx auto;
  overflow: hidden;
}

.list3 .a .uinfo .data .span:first-child {
  float: left;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 75%;
}

.list3 .a .uinfo .data .span:last-child {
  color: #ccc;
  float: right;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 25%;
}

.list3 .a .uinfo .data .span .li {
  background-color: #f5f5f5;
  border-radius: 24rpx;
  display: inline-block;
  float: left;
  font-size: 26rpx;
  height: 48rpx;
  line-height: 48rpx;
  margin-right: 12rpx;
  min-width: 40rpx;
  padding: 0 16rpx;
}

.list3 .a .uinfo .data .ico {
  color: #ccc;
  display: inline-block;
  margin-right: 4rpx;
}

.list3 .a .uinfo .about {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #999;
  display: -webkit-box;
  line-height: 180%;
  margin-top: 20rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.list3 .a .rzj {
  display: block;
  height: 112rpx;
  left: -4rpx;
  position: absolute;
  top: -4rpx;
  width: 120rpx;
}

.list3 .a .payrz {
  border-radius: 6rpx;
  line-height: 28rpx;
  position: absolute;
  right: 30rpx;
  top: 4rpx;
  width: 30rpx;
}

.list3 .a .payrz .i {
  border-radius: 26rpx;
  display: block;
  margin: 10rpx 0;
  padding: 8rpx;
}

.usermore {
  background-color: #fff;
  background-image: -webkit-linear-gradient(bottom, #fff, #f2f2f2);
  border-radius: 0 0 32rpx 32rpx;
  color: #999;
  display: block;
  font-size: 32rpx;
  height: 50rpx;
  margin: 0 auto 40rpx;
  padding-bottom: 25rpx;
  text-align: center;
  width: 100%;
}

.usermore text {
  display: inline-block;
  vertical-align: middle;
}

.usermore .span {
  line-height: 50rpx;
}

.usermore .ico {
  margin-left: -4rpx;
}

.party {
  margin: 0 auto 20rpx;
  width: 94%;
}

.party .ul {
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  overflow-x: scroll;
  padding-right: 20rpx;
}

.party .ul::-webkit-scrollbar {
  background-color: initial;
  display: none;
}

.party navigator {
  background-color: #fff;
  border-radius: 24rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
  display: block;
  margin: 20rpx 24rpx 0 6rpx;
  padding-bottom: 30rpx;
  position: relative;
  width: 480rpx;
}

.party navigator image {
  border: 1rpx solid #fff;
  border-radius: 24rpx 24rpx 0 0;
  box-sizing: border-box;
  height: 260rpx;
  object-fit: cover;
  width: 100%;
}

.party navigator .div {
  box-sizing: border-box;
  margin: 10rpx 0;
  padding: 0 20rpx;
}

.party navigator .div,
.party navigator .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.party navigator .title {
  font-size: 32rpx;
  width: 100%;
}

.party navigator .address {
  color: #999;
  font-size: 24rpx;
}

.party navigator .address .ico {
  font-size: 28rpx;
  margin: 0 4rpx 0 -2rpx;
}

.party navigator .djs {
  box-sizing: border-box;
  color: #999;
  font-size: 24rpx;
  height: 40rpx;
  line-height: 40rpx;
  overflow: hidden;
  width: 100%;
}

.party navigator .djs .jzbmT {
  display: inline-block;
  padding: 0;
}

.party navigator .djs .timestyle {
  background-color: #ff970e;
  border-radius: 6rpx;
  color: #fff;
  display: inline-block;
  font-family: Arial;
  font-size: 28rpx;
  height: 36rpx;
  line-height: 36rpx;
  margin: 0 8rpx;
  padding: 0 10rpx;
  text-align: center;
}

.hnlist {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 96%;
}

.hnlist .h5 {
  margin-bottom: 50rpx;
}

.hnlist .hn_i_more {
  background-color: #fff;
  margin-bottom: 40rpx;
  min-width: 260rpx;
}

.hnlist .li {
  background-color: #fff;
  border-radius: 24rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  float: left;
  margin: 20rpx 3%;
  position: relative;
  text-align: center;
  width: 44%;
}

.hnlist .li image {
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 28vw;
  margin: 30rpx auto 10rpx;
  max-height: 330rpx;
  max-width: 330rpx;
  object-fit: cover;
  width: 28vw;
}

.hnlist .li .h2 {
  font-size: 30rpx;
  margin: 20rpx auto;
}

.hnlist .li .h4 {
  box-sizing: border-box;
  color: #999;
  font-size: 24rpx;
  height: 32rpx;
  line-height: 32rpx;
  margin: 4rpx 0 20rpx 20rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}

.hnlist .add {
  border-radius: 44rpx;
  color: #fff;
  display: block;
  font-size: 24rpx;
  height: 60rpx;
  line-height: 60rpx;
  margin: 0 auto 30rpx;
  position: relative;
  text-align: center;
  width: 180rpx;
}

.hnlist .add .ico {
  display: inline-block;
  font-size: 24rpx;
  margin-right: 6rpx;
}

.iarticle {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding: 0 0 20rpx;
  text-align: left;
}

.iarticle .kind {
  height: 100rpx;
  margin: 0 auto 10rpx;
  overflow: hidden;
  text-align: left;
  width: 100%;
}

.iarticle .kind .a {
  background-color: #f8f8f8;
  border: 1rpx solid #f2f2f2;
  border-radius: 60rpx;
  box-sizing: border-box;
  color: #666;
  display: inline-block;
  line-height: 60rpx;
  margin: 20rpx 1%;
  padding: 0 24rpx;
}

.iarticle .kind .ed {
  color: #fff;
}

.iarticle .li {
  background-color: #fff;
  border-radius: 24rpx;
  display: block;
  margin: 10rpx auto;
  padding: 30rpx 20rpx;
  width: 88%;
}

.iarticle .li:last-child {
  border: 0;
}

.iarticle .li image {
  border-radius: 24rpx;
  display: block;
  float: left;
  height: 150rpx;
  object-fit: cover;
  width: 220rpx;
}

.iarticle .li .em {
  float: right;
  height: 150rpx;
  position: relative;
  width: -webkit-calc(100% - 248rpx);
}

.iarticle .li .em .h4 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 30rpx;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iarticle .li .em .div {
  bottom: 4rpx;
  color: #666;
  height: 32rpx;
  left: 0;
  position: absolute;
  width: 100%;
}

.iarticle .li .em .div .span {
  color: #999;
  float: left;
}

.iarticle .li .em .div .font {
  float: right;
}

.guestloadP .btn5 {
  margin: 50rpx auto;
  width: 60%;
}

.guestloadP .btn5 text {
  vertical-align: middle;
}

.guestloadP .btn5 text:last-child {
  background-color: #fff;
  border-radius: 20rpx 20rpx 20rpx 0;
  display: inline-block;
  font-size: 24rpx;
  height: 36rpx;
  line-height: 36rpx;
  margin-left: 8rpx;
  padding: 0 12rpx;
}

.zeai_bottom {
  font-size: 26rpx;
  line-height: 150%;
  padding: 0 30rpx;
  text-align: center;
}

.zeai_bottom .ico {
  display: inline-block;
}

.zeai_bottom .tel {
  color: var(--color);
  font-size: 36rpx;
  margin: 40rpx auto;
}

.zeai_bottom .linebox {
  z-index: 0;
}

.zeai_bottom .m_bottom {
  line-height: 200%;
  margin: 20rpx auto;
}

.zeai_bottom .aboutus {
  font-size: 30rpx;
  margin: 40rpx auto;
}

.zeai_bottom .aboutus navigator {
  color: #333;
  display: inline-block;
  font-weight: 700;
}

.zeai_bottom .aboutus .b {
  color: #ccc;
  font-weight: 400;
  margin: 0 24rpx;
}

.zeai_bottom .ewm {
  margin: 30rpx auto;
  width: 280rpx;
}

.zeai_bottom .ewm .font {
  color: #999;
  display: inline-block;
  margin-top: 10rpx;
}

.zeai_bottom .ewm image {
  background-color: #fff;
  border-radius: 12rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
  display: block;
  height: 200rpx;
  margin: 10rpx auto;
  padding: 10rpx;
  width: 200rpx;
}

.blank {
  height: 100rpx;
  line-height: 100rpx;
}

.btmKefuBtn {
  background: -webkit-linear-gradient(315deg, rgba(var(--rgbcolor), 0.6) 0, var(--color) 100%);
  background-color: #fff;
  bottom: 15%;
  color: #fff;
}

.btmKefuBtn .i {
  color: #fff;
  font-size: 48rpx;
}

.home {
  min-height: 100vh;

  .homeImg {

  }

  .limitedTimeEvent {
    margin: 18rpx 32rpx;

    .TimeEvent {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 45rpx;
      line-height: 45rpx;

      .timeEventLeft {
        display: flex;
        align-items: center;
        gap: 5rpx;

        .index_01 {
          width: 28rpx;
          height: 24rpx;
          vertical-align: middle;

        }

        .index_02 {
          width: 136rpx;
          height: 28rpx;
          vertical-align: middle;
          margin-left: 10rpx;

        }
      }

      .timeEventRight {
        .djs {
          display: flex;
          align-items: center;
          gap: 5rpx;

          text {
            display: inline-block;
          }

          .Tit {
            color: #000000;
            margin-right: 10rpx;
          }

          .span {
            font-size: 24rpx;
          }

          .font {
            background-color: #C98DEE;
            border-radius: 4rpx;
            font-size: 20rpx;
            color: #fff;
            width: 48rpx;
            height: 32rpx;
            line-height: 32rpx;
          }

          .djsIcom {
            vertical-align: middle;
            font-weight: 500;
            font-size: 30rpx;
          }
        }
      }
    }

    .eventBox {
      width: 100%;

      .timeImg {
        width: 100%;
        border-radius: 20rpx;
      }
    }
  }

  .matchmaking {
    margin: 18rpx 32rpx;
    text-align: left;

    .EnTiter {
      font-size: 48rpx;
      font-weight: 510;
      letter-spacing: 1rpx;
    }

    .matchmakingBox::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1rpx;
      left: 0;
      width: 100rpx;
      height: 14rpx;
      background: linear-gradient(135deg, #C98DEE, #AD51E8);

    }

    .matchmakingBox {
      display: flex;
      align-items: center;
      position: relative;
      justify-content: space-between;
      border-bottom: 1px solid #000000;
      padding-bottom: 20rpx;

      .matchmakingLeft {
        font-size: 28rpx;
      }

      .matchmakingRight {
        color: #AD51E8;
        font-size: 24rpx;
        height: 24px;
        line-height: 24px;

        .djsIcom {
          vertical-align: middle;
        }
      }

    }
  }

  .bntBox {
    .bnt {
      background: linear-gradient(135deg, #C98DEE, #AD51E8);
      width: 348rpx;
      height: 84rpx;
      line-height: 84rpx;
      font-size: 32rpx;
      color: #ffffff;
      border-radius: 50rpx;

      .bntIco {
        margin-left: 30rpx;
        vertical-align: middle;

      }
    }
  }

  .matchmakingEvent {
    text-align: left;
  }

  .DatingSteps {
    .datingStepsBox {
      margin: 40rpx 32rpx;

      .datingStepsImg {
        width: 100%;
      }

      .bntBox {
        margin: 40rpx 0;
      }
    }
  }

  .recommendedGuest {
    .bntBox {
      margin: 40rpx 0;
    }
  }

  .emotionalIssues {
    .emotionalBox {
      margin: 40rpx 32rpx;

      .emotionalIssuesImg {
        width: 100%;
      }
    }
  }

  .windAcademy {

  }

  .operationList {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .operationItem {
      width: 33%;
      margin-top: 50rpx;

      .operationImg {
        width: 56rpx;
        height: 44rpx;
      }
    }

    .text {
      margin-top: 10rpx;
    }

  }

  .styHeight {
    height: 50rpx;
  }

    .div_box {
      padding: 20rpx;

      .closebtm {
        color: #ffffff;
        font-size: 80rpx;
      }

      .popUp {
        margin: auto;
        border-radius: 24rpx;
        background-color: #C98DEE;
        //width: 400rpx;
        height: 540rpx;
        width: 100%;
        //height: 100%;

        .popUpImg {
          width: 214rpx;
          margin: 15rpx 0;
        }

        .codrBox {
          background-color: #ffffff;
          width: 60%;
          padding: 10rpx;
          margin: 15rpx auto;

          .codrImg {
            width: 100%;
          }
        }


        .text {
          font-size: 24rpx;
          line-height: 2;
          font-weight: 600;

        }
      }
    }

}

